<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        ChatGPT
    </title>

    <meta name="description" content="">
    <link rel="stylesheet" href="../css/app.css">
    <link rel="stylesheet" href="../css/comment.css">
</head>

<body class=" bg-gray-100 antialiased">

    <div>

        <nav x-data="{ open: false }" class="sticky top-0 z-10 border-b border-gray-300 bg-gray-50 ">

            <div class="px-4 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="flex justify-between h-16">
                    <div class="flex items-center shrink-0">
                        <a href="../index.html" aria-label="PromptVine Logo">
                            LOGO
                        </a>

                        <div class="hidden sm:block">
                            <a href="#" data-splitbee-event="Submit Navbar"
                                class="inline-flex items-center justify-center px-2 py-1 ml-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                                Submit
                            </a>
                        </div>



                    </div>


                    <div class="hidden space-x-6 md:hidden lg:flex sm:items-center sm:ml-6">
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-primary-500"
                            href="chatgpt.html">
                            Prompts
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="../products/chatgpt.html">
                            Products
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="../blog.html" data-splitbee-event="Blog Navbar">
                            Blog
                        </a>


                        <a href="../register.html" data-splitbee-event="Navbar Button"
                            class="inline-flex hover:opacity-90 text-white justify-center items-center text-white  text-base font-medium px-4 py-2 rounded-md shadow hover:opacity-90 transition duration-300 bg-gray-900">
                            Get started
                        </a>
                    </div>

                    <div class="flex items-center -mr-2 md:flex lg:hidden">
                        <button aria-label="Menu" @click="open = ! open"
                            class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
                            <svg class="w-6 h-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                                <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M4 6h16M4 12h16M4 18h16" />
                                <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                </div>

                <div :class="{'block': open, 'hidden': ! open}" class="hidden">
                    <div class="px-3 pt-6 pb-4 mb-3 bg-white border border-gray-200 rounded">
                        <a href="../submit.html"
                            class="inline-flex items-center justify-center w-full px-2 py-1 mb-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                            Submit a prompt
                        </a>
                        <div class="flex flex-col space-y-4">
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-primary-500"
                                href="chatgpt.html">
                                Prompts
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="../products/chatgpt.html">
                                Products
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="../blog.html">
                                Blog
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>


        <div class="bg-gray-100">
            <div class="pb-24 bg-gray-100">
                <div class="mx-auto max-w-8xl">
                    <div class="relative flex flex-col justify-center mx-auto sm:flex-row">

                        <div class="relative hidden pl-4 sm:pl-6 md:pl-8 sm:block md:block md:flex-none sm:flex-none">
                            <div class="absolute inset-y-0 right-0 w-[50vw] bg-gray-200"></div>
                            <div class="sticky top-[2rem] h-[calc(100vh-2rem)] overflow-y-auto overflow-x-hidden py-12">
                                <nav class="w-64 pr-8 xl:w-[14em] lg:w-[14em] md:w-[12em] xl:pr-8">
                                    <div x-data="{tab: 'cats' }" class="">

                                        <select x-model="tab"
                                            class="w-full px-4 py-1 mb-4 text-base font-medium text-gray-700 transition duration-300 border border-gray-300 rounded-full whitespace-nowrap">
                                            <option value="cats">Categories</option>
                                            <option value="professions">Professions</option>
                                        </select>

                                        <ul x-show="tab === 'cats'">
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-primary-500">
                                                    📃 All Prompts
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🐕‍🦺 Animals &amp; Pets
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🗣️ General Conversation
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    👤 Personal
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🎓 Education &amp; Tutoring
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🎬 Entertainment
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🤔 Problem-solving
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    📝 Creative Writing
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    📈 Self-improvement
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    😌 Emotional
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    👥 Social
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    💪 Health and Wellness
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🏠 Home and Property
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    💼 Career Development
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🌍 Travel and Adventure
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🍴 Food and Cooking
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🏋️ Sports and Fitness
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    💄 Fashion and Beauty
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🎨 Arts and Culture
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🎵 Music and Entertainment
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🔬 Science and Technology
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🗳️ Politics and Current Events
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🧠 Philosophy and Religion
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🧑‍💼 Professional Services
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    📚 Literature and Writing
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🌐 History and Geography
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🌱 Environmental
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    💼 Business and Entrepreneurship
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    💰 Personal Finance
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    📖 Storytelling
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    💬 Conversation Starters
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    🧠 Psychological
                                                </a>
                                            </li>
                                            
                                        </ul>

                                        <ul x-show="tab === 'professions'">
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-primary-500">
                                                    📃 All Prompts
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Educator
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Game Developer
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Writer
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Artist
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Musician
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Counselor
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Designer
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Critic
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Financial Advisor
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Mechanic
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Chef
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Accountant
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Doctor
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Logistician
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Consultant
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Therapist
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Trainer
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Magician
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Journalist
                                                </a>
                                            </li>
                                            <li class="mb-4">
                                                <a href="chatgpt.html"
                                                    class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                    Linguist
                                                </a>
                                            </li>
                                            
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>

                        <div class="sticky z-30 block px-4 py-6 bg-white top-16 sm:px-6 md:px-8 sm:hidden"
                            x-data="{ openMenu: false }">
                            <button type="button"
                                :class="openMenu ? 'rounded-b-none border-b-0 border-t border-l border-r' : 'border'"
                                class="flex items-center justify-between w-full px-3 py-2 text-gray-900 bg-white border-gray-300 rounded-md sm:hidden"
                                @click="openMenu = !openMenu">
                                Menu
                                <span x-show="!openMenu">
                                    <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                        viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                                    </svg> </span>
                                <span x-show="openMenu">
                                    <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                        viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7" />
                                    </svg> </span>
                            </button>
                            <div class="border border-gray-300 bg-white px-3 py-6 top-[.5rem] h-[calc(100vh-.5rem)] overflow-y-auto"
                                x-show="openMenu">
                                <div x-data="{tab: 'cats' }" class="">

                                    <select x-model="tab"
                                        class="w-full px-4 py-1 mb-4 text-base font-medium text-gray-700 transition duration-300 border border-gray-300 rounded-full whitespace-nowrap">
                                        <option value="cats">Categories</option>
                                        <option value="professions">Professions</option>
                                    </select>

                                    <ul x-show="tab === 'cats'">
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-primary-500">
                                                📃 All Prompts
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🐕‍🦺 Animals &amp; Pets
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🗣️ General Conversation
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                👤 Personal
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.htmll"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🎓 Education &amp; Tutoring
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🎬 Entertainment
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🎬 Entertainment
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🎬 Entertainment
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🎬 Entertainment
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🎬 Entertainment
                                            </a>
                                        </li>
                                    </ul>

                                    <ul x-show="tab === 'professions'">
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-primary-500">
                                                📃 All Prompts
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                Educator
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div
                            class="flex-auto max-w-2xl min-w-0 py-4 pl-4 pr-4 lg:py-12 md:py-8 lg:max-w-none lg:pr-0 sm:pl-8 md:pl-6 sm:pr-8 md:pr-6 xl:px-16">

                            <div wire:id="qlFGnbNIqlwkXBXYuJUp"
                                wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;qlFGnbNIqlwkXBXYuJUp&quot;,&quot;name&quot;:&quot;explore.prompts&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;prompts\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;promptDeleted&quot;],&quot;path&quot;:&quot;http:\/\/promptvine.com\/prompts\/chatgpt?&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;prompt-item-98c24aa6-0bb6-497f-aa2f-38888ca7164a&quot;:{&quot;id&quot;:&quot;HbNibdeXxjXGL3jiOi01&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c23b6a-e963-405c-8d5b-6ba179603384&quot;:{&quot;id&quot;:&quot;caRnRpQB3ZVcm2E23Spk&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98c23aac-49d7-451c-9d1e-d8f25548116d&quot;:{&quot;id&quot;:&quot;0UsZt4pR9mvsteYTfb3c&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98bb3c0c-48f6-4ddb-919f-a1de6019c9fa&quot;:{&quot;id&quot;:&quot;CSZEpGUNtNY5fj1p8psx&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98ba7fc6-ac06-4f05-8188-8a95a8f64e00&quot;:{&quot;id&quot;:&quot;700neWrbNKiCPdhLlupT&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a139-f6d9-436e-aba5-79a4a9d242ef&quot;:{&quot;id&quot;:&quot;8xw1TjingikOlfczzrXa&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a139-ee82-4963-aabc-0a1d188bf341&quot;:{&quot;id&quot;:&quot;HbzCXtSG4hKkQMuwA0Qr&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a139-fb40-4890-a0d6-195a9c4a9078&quot;:{&quot;id&quot;:&quot;RGxUr86O30XBDX8HdlPB&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-d0df-4269-aac1-793f9e15245a&quot;:{&quot;id&quot;:&quot;6DtoU5SipYEjZWArjvl7&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-72be-4ba3-8374-6865b77de0dd&quot;:{&quot;id&quot;:&quot;aR6wwGvDTxGR3Zjn915k&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-79b4-47be-87b4-b8592e87a3e3&quot;:{&quot;id&quot;:&quot;uLGRwVFomhrd6j13B2pH&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-7f97-4723-b75b-ecfb73cbfdd6&quot;:{&quot;id&quot;:&quot;XYFPYd2fll1FkXZuwFgB&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-ff80-404c-8743-759756b8e6c5&quot;:{&quot;id&quot;:&quot;H5Fcxv2192VremIDmUrm&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-fb1a-4f3a-afe4-68ad7228d413&quot;:{&quot;id&quot;:&quot;XZkMt8pJ2cpKl7yh8OzF&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-f480-4d61-911a-57b447f188ad&quot;:{&quot;id&quot;:&quot;tAmeeJwvgb97dG0gsJNX&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-ec93-4d8a-a526-b70b471ff99d&quot;:{&quot;id&quot;:&quot;ThjvO4VcwqI1GPdLDL8a&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-e47b-4abd-b867-5d35829363c7&quot;:{&quot;id&quot;:&quot;QWNLQTMYdEESWlKnx7Dj&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-dc22-496c-a146-aae5756c8d16&quot;:{&quot;id&quot;:&quot;1i4MHZVDubv0fCEV6Qes&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-d5d6-4ede-9e41-f547d9140c25&quot;:{&quot;id&quot;:&quot;yJCVTE94Tii8Cqo0xRhZ&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-8618-4579-958f-7ebcf1b5e90c&quot;:{&quot;id&quot;:&quot;iT9ZiIJaSomqPYs5eq0w&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-cc2f-4455-ae33-7049b338b1bd&quot;:{&quot;id&quot;:&quot;mftRkRf5LHjP1UMh1n00&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-c7df-4506-8044-97b2386b027d&quot;:{&quot;id&quot;:&quot;wm2b4XnwL0smzXmsHPqz&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-c262-4189-baa1-eb55f6f84eb6&quot;:{&quot;id&quot;:&quot;JuJOhLLZL97gl5x4oKk1&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-bb17-482e-86fb-03229b76be92&quot;:{&quot;id&quot;:&quot;sVdjfNeoUJihuOgks5JR&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-b1c6-48d1-90ca-c7fe919963e6&quot;:{&quot;id&quot;:&quot;SH5QvUuhTywjetufWesZ&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-abcf-4b06-bfc9-85462dc16e96&quot;:{&quot;id&quot;:&quot;pl5oge7L0Wde3UAyOly8&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-a779-4209-86dd-e10832f1cefc&quot;:{&quot;id&quot;:&quot;WwJJTZ03Pd0XBjM6Nbb1&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-a1ac-425d-8170-1209ddae450d&quot;:{&quot;id&quot;:&quot;AmBT2FPuAHwv6s9nadJI&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-9a8d-43e6-848b-453dc75b1b4b&quot;:{&quot;id&quot;:&quot;aAlJGkVDgPSegCplAxEm&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;prompt-item-98b9a138-91d7-4357-b443-708f15184da1&quot;:{&quot;id&quot;:&quot;d96aY8UZUkGyAgRX4are&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;ff9c63b3&quot;,&quot;data&quot;:{&quot;professions&quot;:[],&quot;categories&quot;:[],&quot;message&quot;:null,&quot;search&quot;:null,&quot;sortBy&quot;:&quot;new&quot;,&quot;page&quot;:1,&quot;paginators&quot;:{&quot;page&quot;:1}},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;professions&quot;:{&quot;class&quot;:&quot;Spatie\\Tags\\Tag&quot;,&quot;id&quot;:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null},&quot;categories&quot;:{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;id&quot;:[&quot;98b9a0f4-20bf-4301-b6be-550b5c8cb040&quot;,&quot;98b9a0f4-2bd0-41f0-8de2-c58475bcdeb5&quot;,&quot;98b9a0f4-2dcc-4734-be81-e8203d04fcb2&quot;,&quot;98b9a0f4-2f74-4546-adc7-cd7e9d44891b&quot;,&quot;98b9a0f4-32b7-40bb-a648-965b1e8fc8dd&quot;,&quot;98b9a0f4-34dc-4fd7-9903-cd8ff196a056&quot;,&quot;98b9a0f4-36c7-4e5a-830c-4a50ab599639&quot;,&quot;98b9a0f4-38a4-4ea0-a864-8ed3debbbf79&quot;,&quot;98b9a0f4-3a75-454f-b341-dd7610407937&quot;,&quot;98b9a0f4-3d01-408d-ba2f-854fb2213f72&quot;,&quot;98b9a0f4-3eb9-4199-93a4-9591aa1a6039&quot;,&quot;98b9a0f4-4077-49ed-a93f-8c5ae18b36ad&quot;,&quot;98b9a0f4-42ae-4ae2-a4e4-a8ca87231fc0&quot;,&quot;98b9a0f4-449c-4573-a11d-f75b64133bb0&quot;,&quot;98b9a0f4-4680-4701-9969-ffcb1076b09a&quot;,&quot;98b9a0f4-487a-438e-bd02-27194d7c3bcc&quot;,&quot;98b9a0f4-4a50-4c17-923c-3458bc1406eb&quot;,&quot;98b9a0f4-4bd5-4622-8793-97738273be11&quot;,&quot;98b9a0f4-4db5-4c47-91b4-b143ae0a1f0b&quot;,&quot;98b9a0f4-4f83-4cb3-96ad-21d2ec58fa4d&quot;,&quot;98b9a0f4-524d-4aeb-9969-5137505de68f&quot;,&quot;98b9a0f4-540b-4e72-8682-3057653cc297&quot;,&quot;98b9a0f4-5623-4c59-bc0e-efa016e0cfb6&quot;,&quot;98b9a0f4-5816-43ec-bd2b-916dc79028b8&quot;,&quot;98b9a0f4-5a4a-4625-9ba2-b861af4d6057&quot;,&quot;98b9a0f4-5c33-402a-b565-32d9ed83dae8&quot;,&quot;98b9a0f4-5e07-4608-9eea-9d613bb59444&quot;,&quot;98b9a0f4-5fc6-4124-bc1c-59da2ca409be&quot;,&quot;98b9a0f4-6217-456a-92bd-793b42eb0d80&quot;,&quot;98b9a0f4-643d-44cd-98bb-7919598937c8&quot;,&quot;98b9a0f4-6620-404f-b650-05cdc7b8b890&quot;,&quot;98b9a0f4-6828-4539-a29b-855d91e3e6e7&quot;,&quot;98b9a0f4-6a0c-44c8-887e-453d8f14e683&quot;,&quot;98b9a0f4-6bc5-479f-ab9a-5ce21781d94a&quot;,&quot;98b9a0f4-6d81-4bcc-9706-af9e97ab5da0&quot;,&quot;98b9a0f4-6f2e-4a31-b6fa-0e4267651cb6&quot;,&quot;98b9a0f4-7256-4f35-8dfe-290fcf11a6c0&quot;,&quot;98b9a0f4-740a-4908-a506-723e0318d563&quot;,&quot;98b9a0f4-75d4-4d4a-bf95-b2f5d0a53e56&quot;,&quot;98b9a0f4-779f-4d6c-b690-2c1e20437fad&quot;,&quot;98b9a0f4-794e-47f6-801b-1520cad7fbe9&quot;,&quot;98b9a0f4-7b07-422b-bfd1-ff8bf213e7f1&quot;,&quot;98b9a0f4-7d02-4c30-bcd7-aac89dc9195f&quot;,&quot;98b9a0f4-7ead-4103-a70a-a591e279bd50&quot;,&quot;98b9a0f4-8074-41af-9950-0f5bc1c00107&quot;,&quot;98b9a0f4-8224-49b9-baeb-fdbdc4613278&quot;,&quot;98b9a0f4-847d-4954-88d9-8d76678b0c30&quot;],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;8a61677cf4a0b329bc28d35b27467cca7ca21c94838e7c30697c8a854d7f0d7a&quot;}}">
                                <div class="m-0">
                                    <h1 class="text-3xl font-bold leading-tight text-gray-900 dark:text-gray-100">
                                        Best ChatGPT & AI prompts
                                    </h1>
                                    <p class="mt-2 text-gray-500 dark:text-gray-400">
                                        If you're looking for the latest products and helpful prompts made with ChatGPT,
                                        this list is a great resource. With ChatGPT,
                                        you can generate creative and engaging prompts that will help you come up with
                                        fresh ideas and keep your conversations interesting.
                                        Whether you're a writer, a marketer, or just looking for some inspiration, this
                                        list will provide you with a wide range of options to choose from.
                                    </p>
                                </div>

                                <button data-splitbee-event="Submit Modal"
                                    class="w-full px-6 py-4 mt-8 bg-white border border-gray-300 rounded-md shadow-inner">
                                    <p class="text-lg font-medium text-left text-gray-700">
                                        Submit a new prompt
                                    </p>
                                </button>

                                <div class="flex justify-start mt-8">
                                    <button data-splitbee-event="Sort Popular" 
                                        class="px-4 py-2 rounded-lg mr-2 text-gray-700 bg-gray-300">
                                        Popular
                                    </button>
                                    <button data-splitbee-event="Sort New" 
                                        class="px-4 py-2 rounded-lg bg-primary-500 text-white">
                                        New
                                    </button>
                                </div>

                                <div class="grid grid-cols-1 gap-6 mt-4">
                                    <div wire:id="HbNibdeXxjXGL3jiOi01"
                                        wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;HbNibdeXxjXGL3jiOi01&quot;,&quot;name&quot;:&quot;elements.prompt-card&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;prompts\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;confirmDelete&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;4a76e2ca&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;isUpvotedBy&quot;:null,&quot;isDownvotedBy&quot;:null,&quot;isBookmarkedBy&quot;:null,&quot;trim&quot;:false},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98c24aa6-0bb6-497f-aa2f-38888ca7164a&quot;,&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;17f82400b83078c832cc29902643cadfbd40db9d1265427c43ae76f72e91bcac&quot;}}">
                                        <div
                                            class="col-span-1 p-6 bg-white border border-gray-300 rounded-lg shadow-sm">
                                            <div class="relative flex-auto"
                                                id="prompt-98c24aa6-0bb6-497f-aa2f-38888ca7164a">

                                                <div class="flex items-center">
                                                    <a href="#"
                                                        class="text-sm font-medium text-gray-500 hover:text-primary-500">
                                                        💼 Business and Entrepreneurship
                                                    </a>

                                                </div>

                                                <h3
                                                    class="mt-2 text-base font-bold text-gray-700 uppercase hover:text-primary-500">
                                                    <a href="#"
                                                        class="">
                                                        Saas Startup Idea
                                                    </a>
                                                </h3>
                                                <p class="mt-2 text-base text-gray-600 select-all">
                                                    Create a list of 3 startup ideas in enterprise B2B SaaS. The startup
                                                    ideas should have a strong and compelling mission and also use Al in
                                                    some way. Avoid cryptocurrency or blockchain. The startup ideas
                                                    should have a cool and interesting name. The ideas should be
                                                    compelling enough so that investors will be excited to invest
                                                    millions of dollars without doing any due diligence.
                                                </p>


                                                <div class="flex items-center justify-between mt-4">
                                                    <div class="flex items-center">
                                                        <div class="flex items-center">
                                                            <button
                                                                class="p-2 mr-2 transition duration-300 rounded-full hover:bg-primary-50 hover:text-primary-500 vote-btn text-gray-700"
                                                                data-action="upvote"
                                                                data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a">
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M5 10l7-7m0 0l7 7m-7-7v18" />
                                                                </svg> </button>
                                                            <p class="mr-2 font-semibold text-gray-700 vote-count">
                                                                2
                                                            </p>
                                                            <button
                                                                class="p-2 transition duration-300 rounded-full hover:bg-red-50 hover:text-red-500 vote-btn text-gray-700"
                                                                data-action="downvote"
                                                                data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a"
                                                                professions>
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                                                </svg> </button>
                                                        </div>

                                                        <div class="ml-4">
                                                            <button
                                                                class="p-2 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500 bookmark-btn text-gray-700"
                                                                data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a">
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                                                </svg> </button>
                                                        </div>

                                                        <div class="ml-4">
                                                            <a href="#"
                                                                class="flex items-center p-2 mr-2 text-gray-700 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500">
                                                                <svg class="w-5 h-5 mr-2"
                                                                    xmlns="http://www.w3.org/2000/svg" fill="none"
                                                                    viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
                                                                </svg> 0
                                                            </a>
                                                        </div>
                                                    </div>

                                                    <div class="flex items-center ml-4">


                                                        <div class="relative mt-2" x-data="{ social: false }">
                                                            <span title="Share"
                                                                class="inline-block text-gray-500 cursor-pointer hover:text-gray-700"
                                                                @click="social = !social">
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                                                                </svg> </span>
                                                            <div style="display: none;" x-show="social"
                                                                @click.away="social = false"
                                                                class="absolute right-0 z-50 grid w-auto grid-flow-col px-4 pt-4 pb-2 bg-gray-800 rounded-md shadow">
                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on Twitter"
                                                                    href=""
                                                                    class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#00acee]">

                                                                    <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                        <path fill="currentColor"
                                                                            d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
                                                                    </svg> </a>





                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on LinkedIn"
                                                                    href=""
                                                                    class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white bg-[#2867b2] rounded-full">

                                                                    <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                        <path fill="currentColor"
                                                                            d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
                                                                    </svg> </a>
                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on Reddit"
                                                                    href=""
                                                                    class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#ff4301]">
                                                                    <svg class="w-4 h-4"
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                        xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                        aria-hidden="true" role="img"
                                                                        preserveAspectRatio="xMidYMid meet"
                                                                        viewBox="0 0 100 100">
                                                                        <path
                                                                            d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477c-.06.037-.122.072-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18.114 18.114 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18.14 18.14 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747zM63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338zm1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251zm-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006z"
                                                                            fill="currentColor" />
                                                                    </svg> </a>
                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on Facebook"
                                                                    href=""
                                                                    class="inline-flex items-center bg-[#3b5998] p-2 w-8 h-8 mr-3 mb-2 text-sm hover:-translate-y-1 transition duration-300 font-normal text-white rounded-full">

                                                                    <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                        <path fill="currentColor"
                                                                            d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" />
                                                                    </svg> </a>

                                                                <button type="button" title="Copy to clipboard"
                                                                    class="inline-flex items-center bg-[#e6e6e6] p-2 w-8 h-8 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-slate-800 rounded-full btn-copy"
                                                                    data-clipboard-text="">
                                                                    <svg class="w-4 h-4"
                                                                        xmlns="http://www.w3.org/2000/svg" fill="none"
                                                                        viewBox="0 0 24 24" stroke-width="2"
                                                                        stroke="currentColor" aria-hidden="true">
                                                                        <path stroke-linecap="round"
                                                                            stroke-linejoin="round"
                                                                            d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                                                    </svg> </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div wire:id="HbNibdeXxjXGL3jiOi01"
                                    wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;HbNibdeXxjXGL3jiOi01&quot;,&quot;name&quot;:&quot;elements.prompt-card&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;prompts\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;confirmDelete&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;4a76e2ca&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;isUpvotedBy&quot;:null,&quot;isDownvotedBy&quot;:null,&quot;isBookmarkedBy&quot;:null,&quot;trim&quot;:false},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98c24aa6-0bb6-497f-aa2f-38888ca7164a&quot;,&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;17f82400b83078c832cc29902643cadfbd40db9d1265427c43ae76f72e91bcac&quot;}}">
                                    <div
                                        class="col-span-1 p-6 bg-white border border-gray-300 rounded-lg shadow-sm">
                                        <div class="relative flex-auto"
                                            id="prompt-98c24aa6-0bb6-497f-aa2f-38888ca7164a">

                                            <div class="flex items-center">
                                                <a href="#"
                                                    class="text-sm font-medium text-gray-500 hover:text-primary-500">
                                                    💼 Business and Entrepreneurship
                                                </a>

                                            </div>

                                            <h3
                                                class="mt-2 text-base font-bold text-gray-700 uppercase hover:text-primary-500">
                                                <a href="#"
                                                    class="">
                                                    Saas Startup Idea
                                                </a>
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                Create a list of 3 startup ideas in enterprise B2B SaaS. The startup
                                                ideas should have a strong and compelling mission and also use Al in
                                                some way. Avoid cryptocurrency or blockchain. The startup ideas
                                                should have a cool and interesting name. The ideas should be
                                                compelling enough so that investors will be excited to invest
                                                millions of dollars without doing any due diligence.
                                            </p>


                                            <div class="flex items-center justify-between mt-4">
                                                <div class="flex items-center">
                                                    <div class="flex items-center">
                                                        <button
                                                            class="p-2 mr-2 transition duration-300 rounded-full hover:bg-primary-50 hover:text-primary-500 vote-btn text-gray-700"
                                                            data-action="upvote"
                                                            data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M5 10l7-7m0 0l7 7m-7-7v18" />
                                                            </svg> </button>
                                                        <p class="mr-2 font-semibold text-gray-700 vote-count">
                                                            2
                                                        </p>
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-red-50 hover:text-red-500 vote-btn text-gray-700"
                                                            data-action="downvote"
                                                            data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a"
                                                            professions>
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <button
                                                            class="p-2 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500 bookmark-btn text-gray-700"
                                                            data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                                            </svg> </button>
                                                    </div>

                                                    <div class="ml-4">
                                                        <a href="#"
                                                            class="flex items-center p-2 mr-2 text-gray-700 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500">
                                                            <svg class="w-5 h-5 mr-2"
                                                                xmlns="http://www.w3.org/2000/svg" fill="none"
                                                                viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
                                                            </svg> 0
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="flex items-center ml-4">


                                                    <div class="relative mt-2" x-data="{ social: false }">
                                                        <span title="Share"
                                                            class="inline-block text-gray-500 cursor-pointer hover:text-gray-700"
                                                            @click="social = !social">
                                                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                stroke="currentColor" aria-hidden="true">
                                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                                    d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                                                            </svg> </span>
                                                        <div style="display: none;" x-show="social"
                                                            @click.away="social = false"
                                                            class="absolute right-0 z-50 grid w-auto grid-flow-col px-4 pt-4 pb-2 bg-gray-800 rounded-md shadow">
                                                            <a target="_blank" rel="noopener"
                                                                title="Share on Twitter"
                                                                href=""
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#00acee]">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
                                                                </svg> </a>





                                                            <a target="_blank" rel="noopener"
                                                                title="Share on LinkedIn"
                                                                href=""
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white bg-[#2867b2] rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener"
                                                                title="Share on Reddit"
                                                                href=""
                                                                class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#ff4301]">
                                                                <svg class="w-4 h-4"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                    aria-hidden="true" role="img"
                                                                    preserveAspectRatio="xMidYMid meet"
                                                                    viewBox="0 0 100 100">
                                                                    <path
                                                                        d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477c-.06.037-.122.072-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18.114 18.114 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18.14 18.14 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747zM63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338zm1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251zm-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006z"
                                                                        fill="currentColor" />
                                                                </svg> </a>
                                                            <a target="_blank" rel="noopener"
                                                                title="Share on Facebook"
                                                                href=""
                                                                class="inline-flex items-center bg-[#3b5998] p-2 w-8 h-8 mr-3 mb-2 text-sm hover:-translate-y-1 transition duration-300 font-normal text-white rounded-full">

                                                                <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                    <path fill="currentColor"
                                                                        d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" />
                                                                </svg> </a>

                                                            <button type="button" title="Copy to clipboard"
                                                                class="inline-flex items-center bg-[#e6e6e6] p-2 w-8 h-8 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-slate-800 rounded-full btn-copy"
                                                                data-clipboard-text="">
                                                                <svg class="w-4 h-4"
                                                                    xmlns="http://www.w3.org/2000/svg" fill="none"
                                                                    viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                                                </svg> </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div wire:id="HbNibdeXxjXGL3jiOi01"
                                        wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;HbNibdeXxjXGL3jiOi01&quot;,&quot;name&quot;:&quot;elements.prompt-card&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;prompts\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;confirmDelete&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;4a76e2ca&quot;,&quot;data&quot;:{&quot;prompt&quot;:[],&quot;isUpvotedBy&quot;:null,&quot;isDownvotedBy&quot;:null,&quot;isBookmarkedBy&quot;:null,&quot;trim&quot;:false},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;prompt&quot;:{&quot;class&quot;:&quot;App\\Models\\Prompt&quot;,&quot;id&quot;:&quot;98c24aa6-0bb6-497f-aa2f-38888ca7164a&quot;,&quot;relations&quot;:[&quot;category&quot;],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;17f82400b83078c832cc29902643cadfbd40db9d1265427c43ae76f72e91bcac&quot;}}">
                                        <div
                                            class="col-span-1 p-6 bg-white border border-gray-300 rounded-lg shadow-sm">
                                            <div class="relative flex-auto"
                                                id="prompt-98c24aa6-0bb6-497f-aa2f-38888ca7164a">

                                                <div class="flex items-center">
                                                    <a href="#"
                                                        class="text-sm font-medium text-gray-500 hover:text-primary-500">
                                                        💼 Business and Entrepreneurship
                                                    </a>

                                                </div>

                                                <h3
                                                    class="mt-2 text-base font-bold text-gray-700 uppercase hover:text-primary-500">
                                                    <a href="#"
                                                        class="">
                                                        Saas Startup Idea
                                                    </a>
                                                </h3>
                                                <p class="mt-2 text-base text-gray-600 select-all">
                                                    Create a list of 3 startup ideas in enterprise B2B SaaS. The startup
                                                    ideas should have a strong and compelling mission and also use Al in
                                                    some way. Avoid cryptocurrency or blockchain. The startup ideas
                                                    should have a cool and interesting name. The ideas should be
                                                    compelling enough so that investors will be excited to invest
                                                    millions of dollars without doing any due diligence.
                                                </p>


                                                <div class="flex items-center justify-between mt-4">
                                                    <div class="flex items-center">
                                                        <div class="flex items-center">
                                                            <button
                                                                class="p-2 mr-2 transition duration-300 rounded-full hover:bg-primary-50 hover:text-primary-500 vote-btn text-gray-700"
                                                                data-action="upvote"
                                                                data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a">
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M5 10l7-7m0 0l7 7m-7-7v18" />
                                                                </svg> </button>
                                                            <p class="mr-2 font-semibold text-gray-700 vote-count">
                                                                2
                                                            </p>
                                                            <button
                                                                class="p-2 transition duration-300 rounded-full hover:bg-red-50 hover:text-red-500 vote-btn text-gray-700"
                                                                data-action="downvote"
                                                                data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a"
                                                                professions>
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                                                </svg> </button>
                                                        </div>

                                                        <div class="ml-4">
                                                            <button
                                                                class="p-2 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500 bookmark-btn text-gray-700"
                                                                data-prompt-id="98c24aa6-0bb6-497f-aa2f-38888ca7164a">
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                                                </svg> </button>
                                                        </div>

                                                        <div class="ml-4">
                                                            <a href="#"
                                                                class="flex items-center p-2 mr-2 text-gray-700 transition duration-300 rounded-full hover:bg-blue-50 hover:text-blue-500">
                                                                <svg class="w-5 h-5 mr-2"
                                                                    xmlns="http://www.w3.org/2000/svg" fill="none"
                                                                    viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
                                                                </svg> 0
                                                            </a>
                                                        </div>
                                                    </div>

                                                    <div class="flex items-center ml-4">


                                                        <div class="relative mt-2" x-data="{ social: false }">
                                                            <span title="Share"
                                                                class="inline-block text-gray-500 cursor-pointer hover:text-gray-700"
                                                                @click="social = !social">
                                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none" viewBox="0 0 24 24" stroke-width="2"
                                                                    stroke="currentColor" aria-hidden="true">
                                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                                        d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                                                                </svg> </span>
                                                            <div style="display: none;" x-show="social"
                                                                @click.away="social = false"
                                                                class="absolute right-0 z-50 grid w-auto grid-flow-col px-4 pt-4 pb-2 bg-gray-800 rounded-md shadow">
                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on Twitter"
                                                                    href=""
                                                                    class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#00acee]">

                                                                    <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                        <path fill="currentColor"
                                                                            d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
                                                                    </svg> </a>





                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on LinkedIn"
                                                                    href=""
                                                                    class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white bg-[#2867b2] rounded-full">

                                                                    <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                        <path fill="currentColor"
                                                                            d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
                                                                    </svg> </a>
                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on Reddit"
                                                                    href=""
                                                                    class="inline-flex items-center p-2 w-8 h-8 mr-3 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-white rounded-full bg-[#ff4301]">
                                                                    <svg class="w-4 h-4"
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                        xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                        aria-hidden="true" role="img"
                                                                        preserveAspectRatio="xMidYMid meet"
                                                                        viewBox="0 0 100 100">
                                                                        <path
                                                                            d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477c-.06.037-.122.072-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18.114 18.114 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18.14 18.14 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747zM63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338zm1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251zm-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006z"
                                                                            fill="currentColor" />
                                                                    </svg> </a>
                                                                <a target="_blank" rel="noopener"
                                                                    title="Share on Facebook"
                                                                    href=""
                                                                    class="inline-flex items-center bg-[#3b5998] p-2 w-8 h-8 mr-3 mb-2 text-sm hover:-translate-y-1 transition duration-300 font-normal text-white rounded-full">

                                                                    <svg class="w-4 h-4" viewBox="0 0 24 24">
                                                                        <path fill="currentColor"
                                                                            d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" />
                                                                    </svg> </a>

                                                                <button type="button" title="Copy to clipboard"
                                                                    class="inline-flex items-center bg-[#e6e6e6] p-2 w-8 h-8 mb-2 text-sm font-normal hover:-translate-y-1 transition duration-300 text-slate-800 rounded-full btn-copy"
                                                                    data-clipboard-text="">
                                                                    <svg class="w-4 h-4"
                                                                        xmlns="http://www.w3.org/2000/svg" fill="none"
                                                                        viewBox="0 0 24 24" stroke-width="2"
                                                                        stroke="currentColor" aria-hidden="true">
                                                                        <path stroke-linecap="round"
                                                                            stroke-linejoin="round"
                                                                            d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                                                    </svg> </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    
                                </div>

                                <div class="mt-6">
                                    <div>

                                        <nav role="navigation" aria-label="Pagination Navigation"
                                            class="flex items-center justify-between">
                                            <div class="flex justify-between flex-1 sm:hidden">
                                                <span>
                                                    <span
                                                        class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md select-none">
                                                        &laquo; Previous
                                                    </span>
                                                </span>

                                                <span>
                                                    <button type="button" wire:click="nextPage('page')"
                                                        wire:loading.attr="disabled" dusk="nextPage.before"
                                                        class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
                                                        Next &raquo;
                                                    </button>
                                                </span>
                                            </div>

                                            <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
                                                <div>
                                                    <p class="text-sm text-gray-700 leading-5">
                                                        <span>Showing</span>
                                                        <span class="font-medium">1</span>
                                                        <span>to</span>
                                                        <span class="font-medium">30</span>
                                                        <span>of</span>
                                                        <span class="font-medium">70</span>
                                                        <span>results</span>
                                                    </p>
                                                </div>

                                                <div>
                                                    <span class="relative z-0 inline-flex rounded-md shadow-sm">
                                                        <span>

                                                            <span aria-disabled="true"
                                                                aria-label="&amp;laquo; Previous">
                                                                <span
                                                                    class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5"
                                                                    aria-hidden="true">
                                                                    <svg class="w-5 h-5" fill="currentColor"
                                                                        viewBox="0 0 20 20">
                                                                        <path fill-rule="evenodd"
                                                                            d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                                                            clip-rule="evenodd" />
                                                                    </svg>
                                                                </span>
                                                            </span>
                                                        </span>





                                                        <span wire:key="paginator-page-1-page1">
                                                            <span aria-current="page">
                                                                <span
                                                                    class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 select-none">1</span>
                                                            </span>
                                                        </span>
                                                        <span wire:key="paginator-page-1-page2">
                                                            <button type="button" wire:click="gotoPage(2, 'page')"
                                                                class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                                                aria-label="Go to page 2">
                                                                2
                                                            </button>
                                                        </span>
                                                        <span wire:key="paginator-page-1-page3">
                                                            <button type="button" wire:click="gotoPage(3, 'page')"
                                                                class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                                                aria-label="Go to page 3">
                                                                3
                                                            </button>
                                                        </span>

                                                        <span>

                                                            <button type="button" wire:click="nextPage('page')"
                                                                dusk="nextPage.after" rel="next"
                                                                class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150"
                                                                aria-label="Next &amp;raquo;">
                                                                <svg class="w-5 h-5" fill="currentColor"
                                                                    viewBox="0 0 20 20">
                                                                    <path fill-rule="evenodd"
                                                                        d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                                                        clip-rule="evenodd" />
                                                                </svg>
                                                            </button>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                        </nav>
                                    </div>

                                </div>
                            </div>

                            

                        </div>

                        <div
                            class="xl:sticky xl:top-[1rem] xl:block xl:h-[calc(100vh-1rem)] xl:flex-none xl:overflow-y-auto xl:py-16 pr-4 sm:pr-6 md:pr-8 pl-4 sm:pl-0 md:pl-0">
                            <div class="sm:w-[18em] w-full">

                                <div class="mt-2">
                                    
                                </div>

                                <div class="p-2 mt-4 rounded bg-primary-500">
                                    <a href="#" target="_blank"
                                        data-splitbee-event="Download - Sidebar">
                                        <img src="../images/partners/gumroad.png"
                                            alt="gumroad download chatgpt prompts">
                                        <p class="mt-2 text-xl font-semibold text-center text-gray-100">
                                            Download All Prompts
                                        </p>
                                    </a>
                                </div>

                                <div class="p-2 mt-6 bg-teal-500 rounded">
                                    <a href="#" target="_blank">
                                        <img src="../images/partners/copyai.jpg" class="rounded"
                                            alt="writesonic partnership">
                                    </a>
                                </div>

                                <div class="flex justify-center mt-8">
                                    <a class="inline-flex flex-col items-center justify-center px-8 py-2 text-white transition duration-300 rounded-full bg-primary-500 hover:opacity-90 hover:-translate-y-2"
                                        href="#">
                                        <span class="text-sm">Powered by</span>LaunchList
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="hidden login-modal">
            <h2 class="text-lg font-medium text-gray-500">Please login to bookmark, upvote, comment, submit, and
                download prompts</h2>
        </div>

        <div>
        </div>



        <div class="mx-auto bg-[#fdfdfd] border-t border-gray-300">
            <footer class="px-4 pt-12 pb-0 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="md:flex md:justify-between">
                    <div class="mb-6 md:mb-0 sm:w-3/12">
                        <a href="../index.html" alt="PromptVine Logo" class="inline-block">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="175" height="87"
                                viewBox="0 0 839 153">
                                <path fill="#212121"
                                    d="M164.322 116V33.957h28.715c6.407 0 11.72 1.093 15.94 3.281 4.219 2.11 7.344 5.04 9.376 8.79 2.11 3.673 3.164 7.853 3.164 12.542 0 4.453-1.015 8.556-3.047 12.306-1.953 3.673-5.04 6.603-9.259 8.79-4.219 2.188-9.611 3.282-16.174 3.282h-16.292V116h-12.423Zm12.423-43.249h15.706c5.86 0 10.04-1.25 12.541-3.75 2.578-2.579 3.867-6.056 3.867-10.431 0-4.532-1.289-8.048-3.867-10.549-2.501-2.578-6.681-3.868-12.541-3.868h-15.706v28.598ZM233.329 116V57.866h11.134l1.055 11.018c2.031-3.829 4.844-6.837 8.439-9.025 3.672-2.266 8.087-3.399 13.244-3.399v13.01h-3.399c-3.438 0-6.525.586-9.259 1.758-2.657 1.094-4.806 3.008-6.447 5.743-1.562 2.656-2.344 6.368-2.344 11.134V116h-12.423Zm70.113 1.406c-5.548 0-10.549-1.25-15.002-3.75-4.376-2.579-7.853-6.134-10.432-10.666-2.578-4.61-3.867-9.962-3.867-16.057 0-6.094 1.289-11.408 3.867-15.94 2.657-4.61 6.212-8.165 10.666-10.665 4.454-2.579 9.415-3.868 14.885-3.868 5.548 0 10.509 1.29 14.885 3.868 4.454 2.5 7.97 6.055 10.548 10.665 2.657 4.532 3.985 9.846 3.985 15.94 0 6.095-1.328 11.447-3.985 16.057-2.578 4.532-6.094 8.087-10.548 10.666-4.454 2.5-9.454 3.75-15.002 3.75Zm0-10.665c2.969 0 5.704-.742 8.204-2.227 2.579-1.485 4.649-3.672 6.212-6.563 1.563-2.97 2.344-6.642 2.344-11.018 0-4.375-.781-8.009-2.344-10.9-1.485-2.969-3.516-5.196-6.095-6.68-2.5-1.485-5.235-2.227-8.204-2.227-2.969 0-5.743.742-8.321 2.227-2.501 1.484-4.532 3.711-6.095 6.68-1.563 2.891-2.344 6.525-2.344 10.9 0 4.376.781 8.048 2.344 11.017 1.563 2.892 3.594 5.079 6.095 6.564 2.5 1.485 5.235 2.227 8.204 2.227ZM346.413 116V57.866h11.017l1.055 8.205a20.548 20.548 0 0 1 7.384-7.032c3.125-1.72 6.72-2.579 10.783-2.579 9.22 0 15.627 3.633 19.221 10.9 2.11-3.36 4.923-6.017 8.439-7.97 3.594-1.953 7.462-2.93 11.603-2.93 7.267 0 12.971 2.188 17.112 6.563 4.142 4.376 6.212 10.9 6.212 19.574V116h-12.424V83.886c0-11.252-4.297-16.878-12.892-16.878-4.376 0-7.97 1.641-10.783 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424V83.886c0-11.252-4.336-16.878-13.01-16.878-4.297 0-7.852 1.641-10.665 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424Zm107.361 25.785V57.866h11.135l1.289 9.025c1.875-2.735 4.454-5.157 7.736-7.267 3.281-2.11 7.501-3.164 12.658-3.164 5.626 0 10.587 1.328 14.885 3.985 4.297 2.657 7.657 6.29 10.079 10.9 2.501 4.61 3.751 9.845 3.751 15.705 0 5.86-1.25 11.096-3.751 15.706-2.422 4.532-5.782 8.126-10.079 10.783-4.298 2.578-9.298 3.867-15.002 3.867-4.532 0-8.556-.898-12.073-2.695-3.438-1.797-6.172-4.337-8.204-7.619v34.693h-12.424Zm30.591-35.161c5.313 0 9.689-1.798 13.127-5.392 3.438-3.672 5.157-8.439 5.157-14.299 0-3.829-.782-7.227-2.344-10.197-1.563-2.969-3.712-5.274-6.447-6.915-2.734-1.719-5.899-2.578-9.493-2.578-5.313 0-9.689 1.836-13.127 5.508-3.36 3.673-5.04 8.4-5.04 14.182 0 5.86 1.68 10.627 5.04 14.299 3.438 3.594 7.814 5.392 13.127 5.392ZM550.834 116c-5.704 0-10.236-1.367-13.596-4.102-3.36-2.813-5.04-7.775-5.04-14.885V68.298h-9.962V57.866h9.962l1.524-14.767h10.9v14.767h16.409v10.432h-16.409v28.715c0 3.203.664 5.43 1.992 6.68 1.407 1.173 3.79 1.759 7.15 1.759h6.681V116h-9.611Z" />
                                <path fill="#22C563"
                                    d="m597.75 116-30.004-82.043h16.057l23.207 66.689 23.323-66.69h15.823L616.152 116H597.75Zm65.895-67.158c-2.735 0-5.001-.82-6.798-2.462-1.719-1.64-2.578-3.711-2.578-6.212 0-2.5.859-4.531 2.578-6.094 1.797-1.641 4.063-2.461 6.798-2.461 2.735 0 4.962.82 6.681 2.46 1.797 1.564 2.696 3.595 2.696 6.096 0 2.5-.899 4.57-2.696 6.211-1.719 1.641-3.946 2.462-6.681 2.462ZM656.144 116V57.866h15.002V116h-15.002Zm30.661 0V57.866h13.244l1.172 9.846c1.797-3.438 4.376-6.173 7.736-8.205 3.438-2.031 7.462-3.047 12.072-3.047 7.188 0 12.775 2.266 16.76 6.798 3.985 4.532 5.978 11.173 5.978 19.925V116h-15.003V84.59c0-5.002-1.015-8.83-3.047-11.487-2.031-2.657-5.196-3.985-9.494-3.985-4.219 0-7.696 1.485-10.431 4.454-2.656 2.969-3.985 7.11-3.985 12.424V116h-15.002Zm99.554 1.406c-5.861 0-11.057-1.25-15.589-3.75s-8.087-6.017-10.665-10.549c-2.579-4.531-3.868-9.767-3.868-15.705 0-6.017 1.25-11.369 3.751-16.057 2.578-4.688 6.094-8.322 10.548-10.9 4.532-2.657 9.845-3.985 15.94-3.985 5.704 0 10.744 1.25 15.119 3.75 4.376 2.5 7.775 5.939 10.197 10.315 2.5 4.297 3.751 9.102 3.751 14.416 0 .86-.039 1.758-.118 2.695 0 .938-.039 1.915-.117 2.93h-44.186c.313 4.532 1.875 8.088 4.688 10.666 2.891 2.579 6.368 3.868 10.431 3.868 3.048 0 5.587-.664 7.619-1.993 2.109-1.406 3.672-3.203 4.688-5.391h15.237c-1.094 3.672-2.931 7.032-5.509 10.08-2.5 2.969-5.626 5.313-9.376 7.032-3.673 1.719-7.853 2.578-12.541 2.578Zm.117-48.757c-3.673 0-6.915 1.055-9.728 3.165-2.813 2.031-4.61 5.157-5.392 9.376h28.95c-.234-3.828-1.641-6.876-4.219-9.142-2.579-2.266-5.782-3.399-9.611-3.399Z" />
                                <path fill="#000"
                                    d="m43.32 61.03-5.803-21.376L16 45.317l5.804 21.517L43.32 61.03Zm0 31.426-21.516-5.804L16 108.169l21.517 5.662 5.804-21.375Zm27.18 15.713-15.713 15.713L70.5 139.595l15.713-15.713L70.5 108.169Zm27.18-15.713 5.803 21.517L125 108.169l-5.804-21.517-21.517 5.804Zm0-31.426 21.516 5.804L125 45.317l-21.517-5.663-5.804 21.376ZM70.5 45.317l15.713-15.713L70.5 13.89 54.787 29.604 70.5 45.317Z" />
                            </svg>




                        </a>
                        <div class="mt-3">
                            <p class="text-base text-gray-500">
                                PromptVine is a community that provides a variety of useful prompts to help you use
                                ChatGPT and AI Chatbots effectively. By joining our community and exploring the prompts,
                                you can learn how to transform your conversations with the help of AI Chatbots like
                                ChatGPT, Bing, GPT-4, and more.
                            </p>

                            <a data-splitbee-event="Download - Footer" target="_blank"
                                href="#"
                                class="inline-block px-3 py-2 mt-4 text-white rounded-lg bg-primary-500 hover:opacity-90">
                                Download All Prompts
                            </a>

                        </div>
                    </div>


                    <div
                        class="grid w-full grid-cols-1 gap-8 mt-6 sm:w-8/12 sm:mt-0 sm:gap-6 lg:grid-cols-3 md:grid-cols-2">

                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-semibold text-gray-900">
                                Categories
                            </h3>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📖 Storytelling
                            </a>

                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📝 Writing
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💭 Opinion
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💼 Career Development
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💻 Coding and Programming
                            </a>

                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🤣 Humor
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🎓 Education &amp; Tutoring
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🐕‍🦺 Animals &amp; Pets
                            </a>
                        </div>
                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-bold text-gray-700">Resource</h3>
                            <a href="chatgpt.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Prompts
                            </a>
                            <a href="../products/chatgpt.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Products
                            </a>
                            <a href="../blog.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Blog
                            </a>
                        </div>
                        <div class="col-span-1">
                            <div class="mt-0 lg:mt-0">
                                <div>
                                    <h2 class="text-xl font-medium text-gray-900">Get AI Chatbot Prompts and Insights
                                        Straight to Your Inbox!</h2>
                                    <p class="max-w-lg mt-4 text-gray-500">
                                        Join our newsletter and stay up-to-date with the latest AI chatbot prompts and
                                        industry insights. Sign up now and stay ahead of the game!
                                    </p>
                                </div>
                                <div class="ml-embedded" data-form="tddCbW"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="py-8 mt-6 border-t border-gray-300">
                    <div class="flex flex-wrap justify-between">

                        <div class="">
                            <div class="flex flex-wrap">

                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    © 2023 PromptVine
                                </span>
                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    /
                                </span>
                                <a href="#"
                                    class="inline-block mb-0 mr-2 text-sm text-gray-500 hover:text-gray-900 sm:mb-2">
                                    A product by LaunchList
                                </a>

                            </div>
                        </div>

                    </div>
                </div>
            </footer>

        </div>



    </div>


    <script src="../livewire/livewire%EF%B9%96id=90730a3b0e7144480175.js" data-turbo-eval="false"
        data-turbolinks-eval="false"></script>
    <script data-turbo-eval="false"
        data-turbolinks-eval="false">window.livewire = new Livewire(); window.Livewire = window.livewire; window.livewire_app_url = ''; window.livewire_token = '2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH'; window.deferLoadingAlpine = function (callback) { window.addEventListener('livewire:load', function () { callback(); }); }; let started = false; window.addEventListener('alpine:initializing', function () { if (!started) { window.livewire.start(); started = true; } }); document.addEventListener("DOMContentLoaded", function () { if (!started) { window.livewire.start(); started = true; } });</script>

    <script>
        /**** Livewire Alert Scripts ****/
        (() => { var __webpack_modules__ = { 757: (e, t, r) => { e.exports = r(666) }, 666: e => { var t = function (e) { "use strict"; var t, r = Object.prototype, n = r.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", c = o.toStringTag || "@@toStringTag"; function s(e, t, r) { return Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }), e[t] } try { s({}, "") } catch (e) { s = function (e, t, r) { return e[t] = r } } function l(e, t, r, n) { var o = t && t.prototype instanceof y ? t : y, i = Object.create(o.prototype), a = new x(n || []); return i._invoke = function (e, t, r) { var n = f; return function (o, i) { if (n === p) throw new Error("Generator is already running"); if (n === d) { if ("throw" === o) throw i; return S() } for (r.method = o, r.arg = i; ;) { var a = r.delegate; if (a) { var c = L(a, r); if (c) { if (c === h) continue; return c } } if ("next" === r.method) r.sent = r._sent = r.arg; else if ("throw" === r.method) { if (n === f) throw n = d, r.arg; r.dispatchException(r.arg) } else "return" === r.method && r.abrupt("return", r.arg); n = p; var s = u(e, t, r); if ("normal" === s.type) { if (n = r.done ? d : _, s.arg === h) continue; return { value: s.arg, done: r.done } } "throw" === s.type && (n = d, r.method = "throw", r.arg = s.arg) } } }(e, r, a), i } function u(e, t, r) { try { return { type: "normal", arg: e.call(t, r) } } catch (e) { return { type: "throw", arg: e } } } e.wrap = l; var f = "suspendedStart", _ = "suspendedYield", p = "executing", d = "completed", h = {}; function y() { } function v() { } function m() { } var b = {}; s(b, i, (function () { return this })); var w = Object.getPrototypeOf, g = w && w(w(D([]))); g && g !== r && n.call(g, i) && (b = g); var O = m.prototype = y.prototype = Object.create(b); function E(e) { ["next", "throw", "return"].forEach((function (t) { s(e, t, (function (e) { return this._invoke(t, e) })) })) } function k(e, t) { function r(o, i, a, c) { var s = u(e[o], e, i); if ("throw" !== s.type) { var l = s.arg, f = l.value; return f && "object" == typeof f && n.call(f, "__await") ? t.resolve(f.__await).then((function (e) { r("next", e, a, c) }), (function (e) { r("throw", e, a, c) })) : t.resolve(f).then((function (e) { l.value = e, a(l) }), (function (e) { return r("throw", e, a, c) })) } c(s.arg) } var o; this._invoke = function (e, n) { function i() { return new t((function (t, o) { r(e, n, t, o) })) } return o = o ? o.then(i, i) : i() } } function L(e, r) { var n = e.iterator[r.method]; if (n === t) { if (r.delegate = null, "throw" === r.method) { if (e.iterator.return && (r.method = "return", r.arg = t, L(e, r), "throw" === r.method)) return h; r.method = "throw", r.arg = new TypeError("The iterator does not provide a 'throw' method") } return h } var o = u(n, e.iterator, r.arg); if ("throw" === o.type) return r.method = "throw", r.arg = o.arg, r.delegate = null, h; var i = o.arg; return i ? i.done ? (r[e.resultName] = i.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, h) : i : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, h) } function j(e) { var t = { tryLoc: e[0] }; 1 in e && (t.catchLoc = e[1]), 2 in e && (t.finallyLoc = e[2], t.afterLoc = e[3]), this.tryEntries.push(t) } function P(e) { var t = e.completion || {}; t.type = "normal", delete t.arg, e.completion = t } function x(e) { this.tryEntries = [{ tryLoc: "root" }], e.forEach(j, this), this.reset(!0) } function D(e) { if (e) { var r = e[i]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, a = function r() { for (; ++o < e.length;)if (n.call(e, o)) return r.value = e[o], r.done = !1, r; return r.value = t, r.done = !0, r }; return a.next = a } } return { next: S } } function S() { return { value: t, done: !0 } } return v.prototype = m, s(O, "constructor", m), s(m, "constructor", v), v.displayName = s(m, c, "GeneratorFunction"), e.isGeneratorFunction = function (e) { var t = "function" == typeof e && e.constructor; return !!t && (t === v || "GeneratorFunction" === (t.displayName || t.name)) }, e.mark = function (e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, m) : (e.__proto__ = m, s(e, c, "GeneratorFunction")), e.prototype = Object.create(O), e }, e.awrap = function (e) { return { __await: e } }, E(k.prototype), s(k.prototype, a, (function () { return this })), e.AsyncIterator = k, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new k(l(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then((function (e) { return e.done ? e.value : a.next() })) }, E(O), s(O, c, "Generator"), s(O, i, (function () { return this })), s(O, "toString", (function () { return "[object Generator]" })), e.keys = function (e) { var t = []; for (var r in e) t.push(r); return t.reverse(), function r() { for (; t.length;) { var n = t.pop(); if (n in e) return r.value = n, r.done = !1, r } return r.done = !0, r } }, e.values = D, x.prototype = { constructor: x, reset: function (e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(P), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t) }, stop: function () { this.done = !0; var e = this.tryEntries[0].completion; if ("throw" === e.type) throw e.arg; return this.rval }, dispatchException: function (e) { if (this.done) throw e; var r = this; function o(n, o) { return c.type = "throw", c.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var a = this.tryEntries[i], c = a.completion; if ("root" === a.tryLoc) return o("end"); if (a.tryLoc <= this.prev) { var s = n.call(a, "catchLoc"), l = n.call(a, "finallyLoc"); if (s && l) { if (this.prev < a.catchLoc) return o(a.catchLoc, !0); if (this.prev < a.finallyLoc) return o(a.finallyLoc) } else if (s) { if (this.prev < a.catchLoc) return o(a.catchLoc, !0) } else { if (!l) throw new Error("try statement without catch or finally"); if (this.prev < a.finallyLoc) return o(a.finallyLoc) } } } }, abrupt: function (e, t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break } } i && ("break" === e || "continue" === e) && i.tryLoc <= t && t <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = e, a.arg = t, i ? (this.method = "next", this.next = i.finallyLoc, h) : this.complete(a) }, complete: function (e, t) { if ("throw" === e.type) throw e.arg; return "break" === e.type || "continue" === e.type ? this.next = e.arg : "return" === e.type ? (this.rval = this.arg = e.arg, this.method = "return", this.next = "end") : "normal" === e.type && t && (this.next = t), h }, finish: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var r = this.tryEntries[t]; if (r.finallyLoc === e) return this.complete(r.completion, r.afterLoc), P(r), h } }, catch: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var r = this.tryEntries[t]; if (r.tryLoc === e) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; P(r) } return o } } throw new Error("illegal catch attempt") }, delegateYield: function (e, r, n) { return this.delegate = { iterator: D(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), h } }, e }(e.exports); try { regeneratorRuntime = t } catch (e) { "object" == typeof globalThis ? globalThis.regeneratorRuntime = t : Function("r", "regeneratorRuntime = r")(t) } } }, __webpack_module_cache__ = {}; function __webpack_require__(e) { var t = __webpack_module_cache__[e]; if (void 0 !== t) return t.exports; var r = __webpack_module_cache__[e] = { exports: {} }; return __webpack_modules__[e](r, r.exports, __webpack_require__), r.exports } __webpack_require__.n = e => { var t = e && e.__esModule ? () => e.default : () => e; return __webpack_require__.d(t, { a: t }), t }, __webpack_require__.d = (e, t) => { for (var r in t) __webpack_require__.o(t, r) && !__webpack_require__.o(e, r) && Object.defineProperty(e, r, { enumerable: !0, get: t[r] }) }, __webpack_require__.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t); var __webpack_exports__ = {}; (() => { "use strict"; var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(757), _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = __webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__); function ownKeys(e, t) { var r = Object.keys(e); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); t && (n = n.filter((function (t) { return Object.getOwnPropertyDescriptor(e, t).enumerable }))), r.push.apply(r, n) } return r } function _objectSpread(e) { for (var t = 1; t < arguments.length; t++) { var r = null != arguments[t] ? arguments[t] : {}; t % 2 ? ownKeys(Object(r), !0).forEach((function (t) { _defineProperty(e, t, r[t]) })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ownKeys(Object(r)).forEach((function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)) })) } return e } function _defineProperty(e, t, r) { return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e } function asyncGeneratorStep(e, t, r, n, o, i, a) { try { var c = e[i](a), s = c.value } catch (e) { return void r(e) } c.done ? t(s) : Promise.resolve(s).then(n, o) } function _asyncToGenerator(e) { return function () { var t = this, r = arguments; return new Promise((function (n, o) { var i = e.apply(t, r); function a(e) { asyncGeneratorStep(i, n, o, a, c, "next", e) } function c(e) { asyncGeneratorStep(i, n, o, a, c, "throw", e) } a(void 0) })) } } function evalCallbacksOptions(options) { for (var callbacksKeysAllowed = ["allowOutsideClick", "allowEscapeKey", "allowEnterKey", "loaderHtml", "inputOptions", "inputValidator", "preConfirm", "preDeny", "didClose", "didDestroy", "didOpen", "didRender", "willClose", "willOpen"], _i = 0, _callbacksKeysAllowed = callbacksKeysAllowed; _i < _callbacksKeysAllowed.length; _i++) { var callbackKey = _callbacksKeysAllowed[_i]; options.hasOwnProperty(callbackKey) && ("string" == typeof options[callbackKey] || options[callbackKey] instanceof String) && options[callbackKey] && "" != options[callbackKey].trim() && (options[callbackKey] = eval(options[callbackKey])) } } function afterAlertInteraction(e) { if (e.confirmed) return "self" === e.onConfirmed.component ? void Livewire.find(e.onConfirmed.id).emitSelf(e.onConfirmed.listener, e.result) : void Livewire.emitTo(e.onConfirmed.component, e.onConfirmed.listener, e.result); if (e.isDenied) return "self" === e.onDenied.component ? void Livewire.find(e.onDenied.id).emitSelf(e.onDenied.listener, e.result) : void Livewire.emitTo(e.onDenied.component, e.onDenied.listener, e.result); if (e.onProgressFinished && e.dismiss === Swal.DismissReason.timer) return "self" === e.onProgressFinished.component ? void Livewire.find(e.onProgressFinished.id).emitSelf(e.onProgressFinished.listener, e.result) : void Livewire.emitTo(e.onProgressFinished.component, e.onProgressFinished.listener, e.result); if (e.onDismissed) { if ("self" === e.onDismissed.component) return void Livewire.find(e.onDismissed.id).emit(e.onDismissed.listener, e.result); Livewire.emitTo(e.onDismissed.component, e.onDismissed.listener, e.result) } } window.addEventListener("alert", function () { var e = _asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t) { var r, n, o, i, a, c, s, l; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: return o = t.detail.message, i = null !== (r = t.detail.type) && void 0 !== r ? r : null, a = t.detail.data, c = t.detail.events, evalCallbacksOptions(s = t.detail.options), e.next = 8, Swal.fire(_objectSpread({ title: o, icon: i }, s)); case 8: afterAlertInteraction(_objectSpread(_objectSpread(_objectSpread({ confirmed: (l = e.sent).isConfirmed, denied: l.isDenied, dismiss: l.dismiss, result: _objectSpread(_objectSpread({}, l), {}, { data: _objectSpread(_objectSpread({}, a), {}, { inputAttributes: null !== (n = s.inputAttributes) && void 0 !== n ? n : null }) }) }, c), l), s)); case 10: case "end": return e.stop() } }), e) }))); return function (t) { return e.apply(this, arguments) } }()), window.flashAlert = function () { var e = _asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t) { var r, n, o, i, a, c, s; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: return i = t.events, a = t.events.data, evalCallbacksOptions(c = t.options), e.next = 6, Swal.fire(_objectSpread({ title: null !== (r = t.message) && void 0 !== r ? r : "", icon: null !== (n = t.type) && void 0 !== n ? n : null }, c)); case 6: afterAlertInteraction(_objectSpread(_objectSpread({ confirmed: (s = e.sent).isConfirmed, denied: s.isDenied, dismiss: s.dismiss, result: _objectSpread(_objectSpread({}, s), {}, { data: _objectSpread(_objectSpread({}, a), {}, { inputAttributes: null !== (o = c.inputAttributes) && void 0 !== o ? o : null }) }) }, i), t.options)); case 8: case "end": return e.stop() } }), e) }))); return function (t) { return e.apply(this, arguments) } }() })() })();
    </script>


    <script>
        if (window.Alpine) {
            console.warn(
                'Laravel Comments scripts were loaded after Alpine. ' +
                'Please ensure Alpine is loaded last so Laravel Comments can initialize first.'
            );
        }
    </script>


    <div wire:id="9EGJDKnJWJxPzOUrJv5a"
        wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;9EGJDKnJWJxPzOUrJv5a&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;prompts\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;747bd853&quot;,&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;0520cb57cf58ddc48cd6cc9f2b0e5d7fef5d773e0a361dc0aa5621066aced220&quot;}}">
        <script>(() => { var t, e = { 331: () => { function t(t) { return function (t) { if (Array.isArray(t)) return e(t) }(t) || function (t) { if ("undefined" != typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"]) return Array.from(t) }(t) || function (t, o) { if (!t) return; if ("string" == typeof t) return e(t, o); var n = Object.prototype.toString.call(t).slice(8, -1); "Object" === n && t.constructor && (n = t.constructor.name); if ("Map" === n || "Set" === n) return Array.from(t); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(t, o) }(t) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function e(t, e) { (null == e || e > t.length) && (e = t.length); for (var o = 0, n = new Array(e); o < e; o++)n[o] = t[o]; return n } window.LivewireUIModal = function () { return { show: !1, showActiveComponent: !0, activeComponent: !1, componentHistory: [], modalWidth: null, getActiveComponentModalAttribute: function (t) { if (void 0 !== this.$wire.get("components")[this.activeComponent]) return this.$wire.get("components")[this.activeComponent].modalAttributes[t] }, closeModalOnEscape: function (t) { if (!1 !== this.getActiveComponentModalAttribute("closeOnEscape")) { var e = !0 === this.getActiveComponentModalAttribute("closeOnEscapeIsForceful"); this.closeModal(e) } }, closeModalOnClickAway: function (t) { !1 !== this.getActiveComponentModalAttribute("closeOnClickAway") && this.closeModal(!0) }, closeModal: function () { var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0, o = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; if (!1 !== this.show) { if (!0 === this.getActiveComponentModalAttribute("dispatchCloseEvent")) { var n = this.$wire.get("components")[this.activeComponent].name; Livewire.emit("modalClosed", n) } if (!0 === this.getActiveComponentModalAttribute("destroyOnClose") && Livewire.emit("destroyComponent", this.activeComponent), e > 0) for (var i = 0; i < e; i++) { if (o) { var r = this.componentHistory[this.componentHistory.length - 1]; Livewire.emit("destroyComponent", r) } this.componentHistory.pop() } var s = this.componentHistory.pop(); s && !1 === t && s ? this.setActiveModalComponent(s, !0) : this.setShowPropertyTo(!1) } }, setActiveModalComponent: function (t) { var e = this, o = arguments.length > 1 && void 0 !== arguments[1] && arguments[1]; if (this.setShowPropertyTo(!0), this.activeComponent !== t) { !1 !== this.activeComponent && !1 === o && this.componentHistory.push(this.activeComponent); var n = 50; !1 === this.activeComponent ? (this.activeComponent = t, this.showActiveComponent = !0, this.modalWidth = this.getActiveComponentModalAttribute("maxWidthClass")) : (this.showActiveComponent = !1, n = 400, setTimeout((function () { e.activeComponent = t, e.showActiveComponent = !0, e.modalWidth = e.getActiveComponentModalAttribute("maxWidthClass") }), 300)), this.$nextTick((function () { var o, i = null === (o = e.$refs[t]) || void 0 === o ? void 0 : o.querySelector("[autofocus]"); i && setTimeout((function () { i.focus() }), n) })) } }, focusables: function () { return t(this.$el.querySelectorAll("a, button, input, textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function (t) { return !t.hasAttribute("disabled") })) }, firstFocusable: function () { return this.focusables()[0] }, lastFocusable: function () { return this.focusables().slice(-1)[0] }, nextFocusable: function () { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable: function () { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex: function () { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex: function () { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, setShowPropertyTo: function (t) { var e = this; this.show = t, t ? document.body.classList.add("overflow-y-hidden") : (document.body.classList.remove("overflow-y-hidden"), setTimeout((function () { e.activeComponent = !1, e.$wire.resetState() }), 300)) }, init: function () { var t = this; this.modalWidth = this.getActiveComponentModalAttribute("maxWidthClass"), Livewire.on("closeModal", (function () { var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], o = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0, n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; t.closeModal(e, o, n) })), Livewire.on("activeModalComponentChanged", (function (e) { t.setActiveModalComponent(e) })) } } } }, 754: () => { } }, o = {}; function n(t) { var i = o[t]; if (void 0 !== i) return i.exports; var r = o[t] = { exports: {} }; return e[t](r, r.exports, n), r.exports } n.m = e, t = [], n.O = (e, o, i, r) => { if (!o) { var s = 1 / 0; for (u = 0; u < t.length; u++) { for (var [o, i, r] = t[u], a = !0, c = 0; c < o.length; c++)(!1 & r || s >= r) && Object.keys(n.O).every((t => n.O[t](o[c]))) ? o.splice(c--, 1) : (a = !1, r < s && (s = r)); if (a) { t.splice(u--, 1); var l = i(); void 0 !== l && (e = l) } } return e } r = r || 0; for (var u = t.length; u > 0 && t[u - 1][2] > r; u--)t[u] = t[u - 1]; t[u] = [o, i, r] }, n.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e), (() => { var t = { 387: 0, 109: 0 }; n.O.j = e => 0 === t[e]; var e = (e, o) => { var i, r, [s, a, c] = o, l = 0; if (s.some((e => 0 !== t[e]))) { for (i in a) n.o(a, i) && (n.m[i] = a[i]); if (c) var u = c(n) } for (e && e(o); l < s.length; l++)r = s[l], n.o(t, r) && t[r] && t[r][0](), t[r] = 0; return n.O(u) }, o = self.webpackChunk = self.webpackChunk || []; o.forEach(e.bind(null, 0)), o.push = e.bind(null, o.push.bind(o)) })(), n.O(void 0, [109], (() => n(331))); var i = n.O(void 0, [109], (() => n(754))); i = n.O(i) })();</script>

        <div x-data="LivewireUIModal()" x-init="init()" x-on:close.stop="setShowPropertyTo(false)"
            x-on:keydown.escape.window="closeModalOnEscape()"
            x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
            x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show"
            class="fixed inset-0 z-10 overflow-y-auto" style="display: none;">
            <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
                <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform">
                    <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
                </div>

                <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

                <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-bind:class="modalWidth"
                    class="inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
                    id="modal-container">
                </div>
            </div>
        </div>
    </div>

    <!-- Livewire Component wire-end:9EGJDKnJWJxPzOUrJv5a -->
    <script src="../js/app.js"></script>

    <script>
        var modal = new tingle.modal({
            footer: true,
            stickyFooter: false,
            closeMethods: ['overlay', 'button', 'escape'],
        });

        // set content
        modal.setContent(document.querySelector('.login-modal').innerHTML);
        // add another button
        modal.addFooterBtn('Login', 'tingle-btn tingle-btn--primary tingle-btn--pull-right', function () {
            window.location.href = '/login';
        });
        modal.addFooterBtn('Create a new account', 'tingle-btn tingle-btn--default', function () {
            modal.close();
        });

        document.addEventListener('click', function (event) {
            if (event.target.closest('.vote-btn')) {

                modal.open();
            }

            //bookmark
            if (event.target.closest('.bookmark-btn')) {

                modal.open();
            }
        });

    </script>
    <script>
        var isLoggedIn = false;
    </script>

    <script>
        (function (w, d, e, u, f, l, n) {
            w[f] = w[f] || function () {
                (w[f].q = w[f].q || [])
                .push(arguments);
            }, l = d.createElement(e), l.async = 1, l.src = u,
            n = d.getElementsByTagName(e)[0], n.parentNode.insertBefore(l, n);
        })
            (window, document, 'script', 'https://assets.mailerlite.com/js/universal.js', 'ml');
        ml('account', '371228');
    </script>

</body>

</html>